$(function(){
  /*
    表单验证需要先引入form模块
    form.verify用于表单验证
    值两种写法：
      数组：[正则表达式, 错误时提示文本]
      函数：函数可以接受两个参数value用户输入的值 item表单元素
            错误提示信息return出去
  */
  var form = layui.form; //获取form模块
  var layer = layui.layer;
  form.verify({
    pass: [
      /^[\S]{6,12}$/
      ,'密码必须6到12位，且不能出现空格'
    ],
    repwd: function(val) {
      var pwd = $('.reg [type=password]').val()
      if (pwd !== val) {
        return '两次密码不一致！'
      }
    }
  });

  // 注册提交
  $('#form_reg').on('submit', function (e) {
    // 1. 阻止默认行为
    e.preventDefault();
    // 2. 发起ajax请求
    var data = {
      username: $('#form_reg [name=username]').val(),
      password: $('#form_reg [name=password]').val()
    }
    $.post("/api/reguser", data,
      function (res) {
        if (res.status !== 0) {
          layer.msg(res.message);
          return;
        }
        layer.msg('注册成功，请登录！');
        // 模拟点击行为 跳转到登录页面
        $('#link_login').click();
      }
    )
  })

  // 登录事件
  $('#login_form').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/api/login",
      data: $(this).serialize(), // 获取到表单里带name属性的值
      dataType: "json",
      success: function (res) {
        // console.log(res);
        if (res.status !== 0) {
          return layer.msg(res.message);
        }
        layer.msg('登录成功！');
        // 存储token
        window.localStorage.setItem('token', res.token);
        // 跳转到首页
        window.location.href = 'index.html';
      }
    })
  })

  // 点击注册账号
  $('#link_reg').on('click', function () {
    $('.login').hide();
    $('.reg').show();
  })

  // 点击去登录
  $('#link_login').on('click', function () {
    $('.login').show();
    $('.reg').hide();
  })
})